<!--
  - 项目框架的方法/参数库
  - 原为Vue项目的框架入口，但uni接管了入口
  - 故而该文件作为uni继承Vue而存在的项目生命周期库 + 全局样式库
  - (类似于后端框架的某种中间件而存在？)
  -   1. 项目的生命周期回调
  -   2. 全局样式
 -->

<!-- 项目生命周期脚本 -->
<script>
// // 作为默认导出的生命周期匿名对象
// export default {
//   // 应用初始化完成时出发
//   onLaunch: function(event) {
//     console.log("应用加载", event)
//   },
//   // 应用进入前台
//   onShow: function(event) {
//     console.log("应用进入前台", event)
//   },
//   // 应用进入后台
//   onHide: function() {
//     console.log("应用进入后台")
//   },
//   onExit: function(event) {
//     console.log("应用退出", event)
//   },
// }
</script>

<!-- 全局样式 -->
<style lang="scss">
/* 导入全局公共scss（其中，可变样式为默认原始值） */
/* 详见：https://uniapp.dcloud.net.cn/component/uniui/uni-sass.html */
@import "@/uni_modules/uni-scss/index.scss";

/* 让内容以文字（可被选中）形式呈现 */
* {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}

/* video和canvas的容器：居中 */
.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* video和canvas的DOM：自动缩放 */
video, canvas {
  max-height: 100%;
  max-width: 100%;
}

/* button的DOM：边距 */
button {
  margin: 10px !important;
}

/* tf-vis的DOM：不能超过边界，超过则滚动 */
#tfjs-visor-container .visor {
  max-width: 100% !important;
  /* overflow-x: scroll !important; */
}

</style>
